*{
	margin: 0;
	padding: 0;
}

html{
	background: #eee;
}

body{
	/* 
	 设置当前元素最小的宽度
	 设置当前元素最大的宽度
	 
	 */
	min-width: 320px;
	max-width: 750px;
	height: 1000px;
	margin: 0 auto;
	background: #fff;
}
.header img{
	width: 100%;
	vertical-align: bottom;
}
.main>.section{
	display: flex;
	height: 100px;
	background-color: red;
	margin: 4px 2px;
}

.main>.section>.col{
/* 	flex-grow: 1;
	flex-shrink: 1; */
	flex: 1;


	background-color: #ff5555;
	border-left: 1px solid #fff;
	text-align: center;
	box-sizing: border-box;
}

.main>.section:nth-child(2) >.col{
	background-color: skyblue;
}
.main>.section>.col:nth-of-type(1){
	
border-left: none;	
}

.main>.section>.col>div{
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #fff;
		box-sizing: border-box;
}
.main>.section>.col>div:last-child{
	border-bottom: none;
}
.section>.hotel>p{
	margin: 15px;
}
.section>.hotel>img{
	width: 42px;
	height: 46px;
}